<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<html lang="en">
 <head>
  <title>CSS inline background policy: continuous, animated position test</title>
  <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
  <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/inline/policy/continuous/016.html"/>
    <style type="text/css">
   #test {
     background: url(/resources/images/bullet) no-repeat;
     -moz-background-inline-policy: continuous;
     background-position: 0% 0%;
   }
   p {
     width: 50%; margin: 2em 10%;
   }
  </style>
  <script type="text/javascript">
   var position = 0; /* 0 .. 2*PI */
   function test() {
     with (Math) {
       position += PI / 500;
       if (position >= 2 * PI) {
         position = 0;
       }
       document.styleSheets[0].cssRules[0].style.backgroundPosition = (sin(position) + 1) * 50 + '% 0%';
       document.getElementById('status').firstChild.data = document.styleSheets[0].cssRules[0].style.backgroundPosition;
     }
   }
  </script>
 </head>
 <body onload="var query = location.search; if (query) { query = query.substring(1, query.length); } else { query = 10 } setInterval(test, query)">
  <p> <span id="test">
   filler text filler text filler text filler text filler text filler
   text filler text filler text filler text filler text filler text
   filler text filler text filler text filler text filler text filler
   text filler text filler text filler text filler text filler text
   filler text filler text filler text filler text filler text filler
   text filler text filler text filler text filler text filler text
   filler text filler text filler text filler text filler text filler
   text filler text filler text filler text filler text filler text
   filler text filler text filler text filler text filler text filler
   text filler text filler text filler text filler text filler text
   filler text filler text filler text filler text filler text </span>
  </p>
  <p>Position: <span id="status">0% 0%</span></p>
 </body>
</html>
